<!DOCTYPE html>
<html>
<head>
<title><?= $title ?></title>
<style type="text/css">
   *, html, body {
      margin: 0px;
      padding: 0px;
      font-family: Verdana, Geneva, sans-serif;
   }

   html, body {
      width: 100%;
      height: 100%;
   }

   .auto table {
      width: 100%;
      table-layout: fixed;
   }

   .contents {
      width: 80%;
      margin: 0 auto;
   }

   .menu-outer {
      border: 1px solid gray;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      behavior: url(/pie/PIE.htc);
   }

   .menu {
      margin: 2px 5px;
      background-color: silver;
   }

   .menu-item {
      display: inline-block;
      border: 1px solid gray;
      padding: 2px;
   }

   .menu-item input {
      border: 0px;
      background: inherit;
   }

</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="contents">
   <div class="menu-outer">
      <div class="menu">
         Section 1
      </div>

      <div>
         <form method="POST" action="/aurora/signup/login">
            <div><label for="login">Login:</label><input type="text" name="login" value="<?=$login?>" /></div>
            <div><label for="login">Password:</label><input type="text" name="password" value="<?=$password?>" /></div>
            <div><input type="submit" /></div>
         </form>
		 <div><?=$failure?></div>
      </div>
   </div>
</body>
</html>